@import url(./index.css);

body {
    background-image: url(../images/index-top-background.png);
    background-repeat: no-repeat;
    background-size: 100vw cover;
    background-color: #71C4CC;
}

.container {
    width: 1200rem;
    margin: 0 auto;
    padding: 0 0 32rem;
}

.container>.header {
    padding: 30rem 0 10rem;
}

.container>.header>div:nth-of-type(1) {
    margin-right: 100rem;
}

.container>.header>div:nth-of-type(1)>.f32 {
    padding-bottom: 8rem;
}

.container>.header .menu:hover {
    color: #FD5F00;
}

.container>.header .menu~a {
    position: relative;
    margin-left: 10rem;
    padding-left: 10rem;
}

.container>.header .menu~a::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 7rem);
    width: 1px;
    height: 14rem;
    border-left: 1px solid #FD5F00;
}

.container>.wrapper {
    padding: 0 16rem 32rem;
    background-color: #fff;
    border-radius: 8rem;
    margin-top: 60rem;
}

.container>.wrapper>.title {
    background-color: #71C4CC;
    margin: 0 -16rem;
    border-radius: 8rem 8rem 0 0;
    padding: 8rem 16rem;
    color: #fff;
    font-size: 16rem;
    font-weight: bold;
}

.container>.wrapper>.value {
    padding: 32rem 0;
    font-size: 15rem;
}

.container>.wrapper>.value~.title {
    border-radius: 0;
}